<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>D3交互式数据可视化</title>
</head>
<body>
	<ul>
		<li>根据被绑定数据对选择集的元素进行过滤---过滤器filter</li>
		<li>根据被绑定数据重新排列选择集中的元素--比较器sort()，参数是一个匿名函数</li>
		<li>each()、call()</li>
	</ul>
	<div class="wrap">
	</div>
	<script src="js/d3_3.5.7.js"></script>
	<script>
		var data = [12,3,5,1,2,8,6,14,23];
		var p = d3.select(".wrap").selectAll("p");
		var update = p.data(data);
		var enter = update.enter();
		var exit = update.exit();
		update.sort(function(a,b) {
			if(a > b) {
				return 1
			} else if(a < b) {
				return -1
			} else if(a = b) {
				return 0
			}
		})

		.text(function(d,i) {
			return d
		})
		enter.append("p")
		
		.sort(function(a,b) {
			if(a > b) {
				return 1
			} else if(a < b) {
				return -1
			} else if(a = b) {
				return 0
			}
		}).text(function(d,i) {
			return d
		})
		exit.remove();


	</script>
</body>
</html>